<template>
    <div>
        <h1>App</h1>
        <!-- <TsDesc @input="log" @change-content="log"></TsDesc> -->
        <!-- <TsIntro :value4="desc" @input4="desc = $event"></TsIntro> -->
        <!-- <TsIntro v-model="desc"></TsIntro> -->
        <!-- <TsClick @click.native="log('hello')"></TsClick> -->

        <!-- <TsPages :active="pageNum" @update:active="pageNum = $event"></TsPages> -->
        <TsPages :active.sync="pageNum"></TsPages>
    </div>
</template>'
<script>
export default {
    data() {
        return {
            pageNum: 3,
            desc: 'hello jack'

        }
    },
    methods: {
        log(e) {
            console.log(e);
        }
    }
}
</script>
<style>
div {
    border: solid;
    padding: 10px;
}
</style>